<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<a href="#top">使用锚点a滚动到top的地方</a><br>
		<a href="#top1">使用锚点a滚动到top的地方,隐形的</a><br>
		<a href="#sec1">使用锚点section滚动到sec1的地方</a><br>
		<a href="b.html/#top">使用锚点a滚动外部页面B的top的地方</a><br>
		<a href="b.html/#sec1">使用锚点section滚动到外部页面sec1的地方</a><br>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<a name="top1"></a><!--一个隐形的锚点-->
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<section id="sec1">
			<h1>我是一个section，id=sec1</h1>
		</section>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<a name="top">top</a>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p>
	</body>
</html>